<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>解构赋值</title>
</head>
<body>
    <!-- 
        数组的赋值
            将数组进行批量的赋值
            const [max,min,avg] = [100,60,80]

            注意：在个数组进行解构的时候，如果是数组前面有代码我们需要添加一个；
            ☆ 是前面有代码的时候会有这种问题
            let a = 1
            let b = 2
            ;[b,a] = [a,b]  // 要添加  ；
            除此之外立即执行函数后面也要添加上 ；
            （function （）{}）（）；
            （function （）{}）（）;

           还有一种情况,也需要添加 ；以数组开头的
           let a = 'ok'
           ;[a,b,c].map(x=> console.log(x)) 
     -->

     <!-- 
        数组结构赋值的作用是什么
            是将数组的单元值快速批量赋值给一系列变量的简洁语法

        js 有两种情况需要用 分号隔开
           立即执行函数
           以数组开头的时候
      -->
    
      <!-- 
         解构方式：
            利用剩余变量来进行解构
            const [a,b,c,...d] = [1,2,3,4,5,6]

            设置默认传递,可以防止undefined的传入
            const [a=0,b=0] = [1,2]

            按需导入赋值
            const [a,b,,d] = [1,2,3,4]

            支持多维数组的解构
             const [a,b,[c,d]] = [1,2,[3,4]]

       -->

       <script>
        // 补充一个forEach的使用方法,只有遍历的功能，不能返回值，和break

        const [a,b,c,...d] = [1,2,3,4,5,6]
        console.log('🚀 ~ This is a result of console.log ~ ✨: ', d); // [4, 5, 6]
        const arr = ['pink','red','gereen'];

        arr.forEach(function(item,index){
            console.log(`当前元素${item}`);
            console.log(`当前元素索引值${index}`);
        })

       </script>
</body>
</html>
